<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script>
		window.onload = window.onresize = function() {
			var rem = document.documentElement.clientWidth;
			document.documentElement.style.fontSize = rem * 100 / 750 + 'px';
		}
		</script>
		<link rel="stylesheet" type="text/css" href="css/beijing.css"/>
	</head>
	<body>
		<header class="head">
			<img src="img/7@2x.png" class="left" />
			北京
			<img src="img/1@2x.png"  class="heart"/>
		</header>
		<article class="main">
			<div class="main-1">
				<h2>北京<img src="img/beijing/万千--北京_03.png" class="weather"><span>22°</span></h2>
				<h4>过去24小时，</h4>
				<h1>1972<span>人正在这里旅行</span></h1>
				
			</div>
			<div class="main-2">
				<img src="img/beijing/万千--北京_07.png">
				<img src="img/beijing/万千--北京_09.png" />
				<img src="img/beijing/万千--北京_11.png" />
			</div>
		</article>
		<section class="body">
			<div>
				<img src="img/图层-10@3x.png" alt="" />
				<a>攻略</a>
			</div>
			<div>
				<img src="img/图层-11@3x.png" alt="" />
				<a>景点</a>
			</div>
			<div>
				<img src="img/图层-12@3x.png" alt="" />
				<a>酒店</a>
			</div>
			<div>
				<img src="img/图层-13@3x.png" alt="" />
				<a>美食</a>
			</div>
			<div>
				<img src="img/图层-14@3x.png" alt="" />
				<a>游记</a>
			</div>
			<div>
				<img src="img/图层-15@3x.png" alt="" />
				<a>问答</a>
			</div>
			<div>
				<img src="img/图层-16@3x.png" alt="" />
				<a>当地游</a>
			</div>
			<div>
				<img src="img/图层-17@3x.png" alt="" />
				<a>购物</a>
			</div>
		</section>
		<div class="list">
			<div class="title">
				<p>周边景点</p>
			</div>
			<div class="list-one">
				<img src="img/beijing/万千--北京_17.png">
				<ul class="list-one-1">
					<li class="one">北京必游TOP10</li>
					<li class="two"><span>10</span>个旅游地推荐</li>
					<li class="three">北京的四方九城方方正正，大路宽阔平坦。沿着长安街一直走...</li>
				</ul>
			</div>
			<div class="list-one">
				<img src="img/beijing/万千--北京_20.png">
				<ul class="list-one-1">
					<li class="one">北京必游TOP10</li>
					<li class="two"><span>10</span>个旅游地推荐</li>
					<li class="three">北京的四方九城方方正正，大路宽阔平坦。沿着长安街一直走...</li>
					
				</ul>
			</div>
			<div class="list-one">
				<img src="img/beijing/万千--北京_22.png">
				<ul class="list-one-1">
					<li class="one">北京必游TOP10</li>
					<li class="two"><span>10</span>个旅游地推荐</li>
					<li class="three">北京的四方九城方方正正，大路宽阔平坦。沿着长安街一直走...</li>
				</ul>
			</div>
			<button class="lost">点击查看更多景点</button>
		</div>
		<div class="list-1">
				<p>特色美食</p>
				<div class="list-1-one">
					<div class="one">
						<img src="img/万千--北京_25.png">
						<h3>北京烤鸭</h3>
						<h5><span>19</span>个旅游地推荐</h5>
					</div>
					<div class="one">
						<img src="img/beijing/万千--北京_27.png">
						<h3>北京烤鸭</h3>
						<h5><span>19</span>个旅游地推荐</h5>
					</div>
					<div class="one" style="padding-right:0rem ;">
						<img src="img/beijing/万千--北京_29.png">
						<h3>北京烤鸭</h3>
						<h5><span>19</span>个旅游地推荐</h5>
					</div>
				</div>
				<button class="lost">点击查看更多景点</button>
				
		</div>
	</body>
	
</html>
